// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.livestream-item {
  @_top: livestream-item;

  position: relative;

  &__actions {
    position: absolute;
    right: 0;
    top: 10px;
    width: 0;
    display: flex;
    justify-content: center;
    opacity: 0;
    will-change: opacity;

    .@{_top}:hover & {
      opacity: 1;
    }
  }

  &__content {
    &:link {
      text-decoration: none;
    }
  }

  &__image {
    .default-border-radius();
    .default-box-shadow();
    width: 100%;
    padding-top: (100% * 9 / 16);
    background-size: cover;

    .@{_top}:hover & {
      .thicker-box-shadow();
    }
  }

  &__text {
    margin: 5px 0 0;
    text-align: center;
    font-weight: 600;

    &--detail {
      color: @osu-colour-f1;
      font-size: @font-size--livestream-item-detail;
    }

    &--name {
      color: @osu-colour-l1;
      font-size: @font-size--livestream-item-name;

      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
}
